<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" type="text/css" href="./common/css/style.css">
<link rel="stylesheet" href="./common/jquery/css/custom-theme/jquery-ui-1.10.3.custom.min.css" />
<script src="./common/jquery/js/jquery-1.9.1.js"></script>
<script src="./common/jquery/js/jquery-ui-1.10.3.custom.min.js"></script>
<title>IBSheet7 Template world</title>
<script>
var navi = {a:"",b:"",c:""};
	$(function() {
		$("#accordion").accordion({
			collapsible : true,
			heightStyle : "content"
		});
		$(".menu").menu();

		$("#contents").width($(window).width() - 220);
		$(window).bind("resize", function() {
			$("#contents").width($(window).width() - 220);
		});
		
		

		$( ".menu" ).menu({
			  select: function( event, ui ) {
				 navi.a = event.currentTarget.parentNode.parentNode.parentNode.parentNode.parentNode.firstElementChild.innerText;
				 navi.b = event.currentTarget.parentNode.parentNode.firstElementChild.innerText;
				 navi.c = event.currentTarget.innerText;
			  }
			});
		
		
	});
	// $( document ).click(function() {
	// 	  $( "#popup" ).toggle( "highlight" );
	// });
	function movePage(product, page) {
		

		var base_path = "http://localhost:8899/Mass_template/";
		
		
		document.hiddenForm.navi1.value = navi.a;
		document.hiddenForm.navi2.value = navi.b;
		document.hiddenForm.navi3.value = navi.c;
		
		document.hiddenForm.action = base_path + product + "/" + page+".jsp";
		document.hiddenForm.target = "contnetsIframe";
		hiddenForm.submit();
	}
</script>
</head>
<body>
<DIV id="main">
	<DIV id="left">
  		<h3 class="ui-widget-header">Menu</h3>
  		<div class="hspace"></div>
  		<div id="accordion">
		  <h3>ibsheet</h3>
		  <div>
		    <ul class="menu">
			  <li>
			    <a href="#">디자인</a>
			    <ul>
					<li><a href="javascript:movePage('sheet/design','theme')">테마 적용</a></li>
					<li><a href="javascript:movePage('sheet/design','header_color')">헤더 색상</a></li>
					<li><a href="javascript:movePage('sheet/design','tree_icon')">트리 아이콘 변경</a></li>
					<li><a href="javascript:movePage('sheet/design','custom_design')">독특한 디자인</a></li>
					<li><a href="javascript:movePage('sheet/design','mobile_design')">모바일 기기용 디자인</a></li>
					<li><a href="javascript:movePage('sheet/design','column_align')">열 정렬</a></li>
					<li><a href="javascript:movePage('sheet/design','header_align')">헤더 행 정렬</a></li>
					<li><a href="javascript:movePage('sheet/design','cell_align')">특정 셀 정렬</a></li>
					<li><a href="javascript:movePage('sheet/design','col_width')">컬럼의 너비 맞춤</a></li>
					<li><a href="javascript:movePage('sheet/design','smart_resize')">동적 사이즈 조정</a></li>
					<li><a href="javascript:movePage('sheet/design','back_color')">행/열/셀 배경색 지정</a></li>
					<li><a href="javascript:movePage('sheet/design','font_color')">행/열/셀 글자색 지정</a></li>
					<li><a href="javascript:movePage('sheet/design','css_font')">전체 폰트 지정</a></li>
					<li><a href="javascript:movePage('sheet/design','row_height')">헤더행 높이/데이터 행 높이</a></li>
					<li><a href="javascript:movePage('sheet/design','custom_scrollbar')">스크롤 바 디자인 변경</a></li>
					<li><a href="javascript:movePage('sheet/design','image_column')">이미지 컬럼 사용법</a></li>
					<li><a href="javascript:movePage('sheet/design','html_column')">HTML 컬럼 사용(특이한 시트)</a></li>
					<li><a href="javascript:movePage('sheet/design','column_anchor')">컬럼의 Anchor 형식 표현</a></li>
					<li><a href="javascript:movePage('sheet/design','text_expression')">한 컬럼의 문자열 표현</a></li>
					<li><a href="javascript:movePage('sheet/design','frozen_col')">틀고정, 행고정</a></li>
					<li><a href="javascript:movePage('sheet/design','row_col_span')">다중라인 레코드</a></li>
			    </ul>
			  </li>
			  
			  <li>
			    <a href="#">머지</a>
			    <ul>
					<li><a href="javascript:movePage('sheet/merge','merge')">머지유형</a></li>
					<li><a href="javascript:movePage('sheet/merge','merge_check')">머지된 체크박스 처리 방법</a></li>
					<li><a href="javascript:movePage('sheet/merge','user_merge')">사용자 머지 기능</a></li>
					<li><a href="javascript:movePage('sheet/merge','prev_column_merge')">앞컬럼 머지 사용시 주의점</a></li>
			    </ul>
			  </li>
			  
			  <li>
			    <a href="#">수 연산</a>
			    <ul>
					<li><a href="javascript:movePage('sheet/calculation','show_subsum')">소계 / 다중라인 소계</a></li>
					<li><a href="javascript:movePage('sheet/calculation','tree_subsum')">트리를 이용한 소계</a></li>
					<li><a href="javascript:movePage('sheet/calculation','sum_value')">합계 / 합계행에 특정 글자 입력</a></li>
					<li><a href="javascript:movePage('sheet/calculation','pivot_table')">피벗/크로스테이블</a></li>
					<li><a href="javascript:movePage('sheet/calculation','calc_logic')">Column간의 연산</a></li>
					<li><a href="javascript:movePage('sheet/calculation','approximate_type')">실수형 자동반올림/내림/올림</a></li>
					<li><a href="javascript:movePage('sheet/calculation','col_cond_property')">데이터 값에 따른 셀 색상 설정</a></li>
					<li><a href="javascript:movePage('sheet/calculation','row_search_end')">조회 데이터 값에 따른 설정</a></li>
					<li><a href="javascript:movePage('sheet/calculation','hide_subsum')">소계행 제거</a></li>
			    </ul>
			  </li>
			  
			  <li>
			    <a href="#">포맷</a>
			    <ul>
					<li><a href="javascript:movePage('sheet/format','date_format')">날짜 포맷 사용</a></li>
					<li><a href="javascript:movePage('sheet/format','custom_number_format')">특이한 숫자 포맷</a></li>
					<li><a href="javascript:movePage('sheet/format','registration_number')">주민등록번호,우편번호 등등</a></li>
			  	</ul>
			  </li>
			  
			  <li>
			  	<a href="#">Selector</a>
			  	<ul>
				  	<li><a href="javascript:movePage('sheet/selector','select_row_col')">선택된행/열 Get/Set</a></li>
					<li><a href="javascript:movePage('sheet/selector','col_savename')">지정한 열의 SaveName</a></li>
					<li><a href="javascript:movePage('sheet/selector','cell_property')">지정된 열의 Type/Format 등 설정값 얻기</a></li>
					<li><a href="javascript:movePage('sheet/selector','find_subsum')">소계행 위치 얻기</a></li>
					<li><a href="javascript:movePage('sheet/selector','merge_area')">머지된 영역에 대한 정보 얻기</a></li>
					<li><a href="javascript:movePage('sheet/selector','select_cell')">특정 셀로 포커스 이동</a></li>
					<li><a href="javascript:movePage('sheet/selector','checked_row')">체크된 행 얻기</a></li>
					<li><a href="javascript:movePage('sheet/selector','status_row')">특정 상태 행 얻기</a></li>
					<li><a href="javascript:movePage('sheet/selector','find_text')">시트내의 특정 문자열 찾기</a></li>
					<li><a href="javascript:movePage('sheet/selector','drag_row_col')">드래그된 행/열 얻기</a></li>
			  	</ul>
			  </li>
			  
			  <li>
			  	<a href="#">소팅,필터링</a>
			  	<ul>
				  	<li><a href="javascript:movePage('sheet/sort','filter')">필터 사용, 감추기</a></li>
				  	<li><a href="javascript:movePage('sheet/sort','filter_value')">필터 기본값 설정</a></li>
				  	<li><a href="javascript:movePage('sheet/sort','method_sort')">메서드를 통한 소팅</a></li>
				  	<li><a href="javascript:movePage('sheet/sort','sort_count')">소팅가능 열갯수 설정</a></li>
				  	<li><a href="javascript:movePage('sheet/sort','column_sort')">헤더 클릭 순서에 따른 소팅/역소팅</a></li>
			  	</ul>
			  </li>
			  
			  <li>
			  	<a href="#">조회</a>
			  	<ul>
				  	<li><a href="javascript:movePage('sheet/search','client_paging')">ClientPaging 조회</a></li>
				  	<li><a href="javascript:movePage('sheet/search','lazy_load')">LazyLoad 조회</a></li>
				  	<li><a href="javascript:movePage('sheet/search','server_paging')">ServerPaging 조회</a></li>
				  	<li><a href="javascript:movePage('sheet/search','lazy_load_client_paging')">LazyLoad + ClientPaging 조회</a></li>
				  	<li><a href="javascript:movePage('sheet/search','append')">Append 조회</a></li>
				  	<li><a href="javascript:movePage('sheet/search','tree')">Tree</a></li>
				  	<li><a href="javascript:movePage('sheet/search','append_tree')">Tree Dynamic Expand</a></li>
				  	<li><a href="javascript:movePage('sheet/search','jquery_ajax_search')">JQuery를 이용한 조회</a></li>
				  	<li><a href="javascript:movePage('sheet/search','ajax_search')">일반적인 Ajax 조회</a></li>
				  	<li><a href="javascript:movePage('sheet/search','multi_sheet')">여러개 시트 동시 조회</a></li>
				  	<li><a href="javascript:movePage('sheet/search','master_detail')">마스터/디테일 형태 조회</a></li>
				  	<li><a href="javascript:movePage('sheet/search','block_ui')">조회시 따로 div 띄우는 예제</a></li>
				  	<li><a href="javascript:movePage('sheet/search','after_event')">조회/저장 후 이벤트</a></li>
				  	<li><a href="javascript:movePage('sheet/search','on_load_data')">조회된 데이터 변형</a></li>
			  	</ul>
			  </li>
			  
			  <li>
			  	<a href="#">저장</a>
			  	<ul>
				  	<li><a href="javascript:movePage('sheet/save','do_save')">단순저장</a></li>
				  	<li><a href="javascript:movePage('sheet/save','multi_save')">여러개 시트 동시 저장</a></li>
				  	<li><a href="javascript:movePage('sheet/save','jquery_save')">JQuery를 이용한 저장</a></li>
				  	<li><a href="javascript:movePage('sheet/save','sheetdata_popup')">시트의 데이터를 팝업창으로 전달</a></li>
				  	<li><a href="javascript:movePage('sheet/save','do_save_msg')">저장시 저장 메세지 따로 띄우는 방법</a></li>
				  	<li><a href="javascript:movePage('sheet/save','check_data_save')">체크된 데이터만 서버로 저장</a></li>
				  	<li><a href="javascript:movePage('sheet/save','')">-대용량 데이터 저장 방법</a></li>
				</ul>
			  </li>
			  
			  <li>
			  	<a href="#">검증</a>
			  	<ul>
				  	<li><a href="javascript:movePage('sheet/validation','col_value_dup')">중복된 데이터 검출</a></li>
				  	<li><a href="javascript:movePage('sheet/validation','on_validation')">저장 전 Validation / 저장 취소</a></li>
				  	<li><a href="javascript:movePage('sheet/validation','max_min_value')">최대값/최소값 지정</a></li>
				  	<li><a href="javascript:movePage('sheet/validation','input_max_value')">입력 최대값 지정</a></li>
				  	<li><a href="javascript:movePage('sheet/validation','edit_validation')">사용자 입력시 Validation 체크</a></li>
				  	<li><a href="javascript:movePage('sheet/validation','data_modified')">수정여부 확인</a></li>
				</ul>
			  </li>
			  
			  <li>
			  	<a href="#">Import/Export</a>
			  	<ul>
				  	<li><a href="javascript:movePage('sheet/excel','down_to_excel')">기본 엑셀 다운로드</a></li>
				  	<li><a href="javascript:movePage('sheet/excel','sheet_design')">디자인 적용 다운로드</a></li>
				  	<li><a href="javascript:movePage('sheet/excel','title_text')">타이틀 설정 다운로드</a></li>
				  	<li><a href="javascript:movePage('sheet/excel','excel_buffer')">여러개 시트 동시 다운로드</a></li>
				  	<li><a href="javascript:movePage('sheet/excel','excel_report')">Excel Report 사용</a></li>
				  	<li><a href="javascript:movePage('sheet/excel','hidden_column')">히든된 컬럼은 제외하고 다운로드</a></li>
				  	<li><a href="javascript:movePage('sheet/excel','excel_event')">엑셀관련 이벤트</a></li>
				  	<li><a href="javascript:movePage('sheet/excel','direct_down_to_excel')">대용량 다운로드</a></li>
				  	<li><a href="javascript:movePage('sheet/excel','load_excel_match')">헤더 타이틀 기준 업로드(default)</a></li>
				  	<li><a href="javascript:movePage('sheet/excel','load_excel_noheader')">순서대로 업로드</a></li>
				  	<li><a href="javascript:movePage('sheet/excel','load_excel_append')">기존데이터 append</a></li>
				  	<li><a href="javascript:movePage('sheet/excel','down_up_image_to_excel')">다운/업로드 이미지 변경</a></li>
<!-- 				  	<li><a href="javascript:movePage('sheet/excel','')">-대용량 업로드</a></li> -->
				  	<li><a href="javascript:movePage('sheet/excel','down_csv')">텍스트 다운/업로드 (CSV)</a></li>
				</ul>
			  </li>
			  
			  <li>
			  	<a href="#">Form 객체 연동</a>
			  	<ul>
				  	<li><a href="javascript:movePage('sheet/form','get_form_data')">폼 데이터 추출 (String/JSON)</a></li>
				  	<li><a href="javascript:movePage('sheet/form','sheet_to_form')">데이터 복사 (Sheet &lt;=&gt; Form)</a></li>
<!-- 				  	<li><a href="javascript:movePage('sheet/form','sheet_popup')">시트데이터를 팝업 창으로 submit</a></li> -->
				</ul>
			  </li>
			  
			  <li>
			  	<a href="#">기타</a>
			  	<ul>
			  		<li><a href="javascript:movePage('sheet/rest','crypto_js')">Crypto 암/복호화 모듈 사용</a></li>
			  		<li><a href="javascript:movePage('sheet/rest','data_extraction1')">데이터 추출</a></li>
				  	<li><a href="javascript:movePage('sheet/rest','move_column_pos')">컬럼 이동/초기 위치로 복원</a></li>
				  	<li><a href="javascript:movePage('sheet/rest','context_menu')">마우스 오른쪽 클릭 메뉴</a></li>
				  	<li><a href="javascript:movePage('sheet/rest','show_find_dialog')">사용자 찾기 기능</a></li>
				  	<li><a href="javascript:movePage('sheet/rest','popup_print')">팝업 프린트 예제</a></li>
				  	<li><a href="javascript:movePage('sheet/rest','measure_time')">조회 속도 측정</a></li>
				</ul>
			  		
			  </li>
			  
			</ul>
		  </div>
		  
		  <h3>ibchart</h3>
		  <div>
		    <ul class="menu">
			  <li>
			    <a href="#">일반 차트</a>
			    <ul>
					<li><a href="javascript:movePage('chart/basic','bar_chart')">막대 차트</a></li>
					<li><a href="javascript:movePage('chart/basic','line_chart')">선형 차트</a></li>
					<li><a href="javascript:movePage('chart/basic','pie_chart')">파이 차트</a></li>
					<li><a href="javascript:movePage('chart/basic','semi_circle_donut')">Semi Circle Donut 차트</a></li>
					<li><a href="javascript:movePage('chart/basic','polar_chart')">Polor 차트</a></li>
					<li><a href="javascript:movePage('chart/basic','spiderweb_chart')">Spider 차트</a></li>
					<li><a href="javascript:movePage('chart/basic','box_plot')">Box plot 차트</a></li>
				</ul>
			  </li>
			  
			  <li>
			    <a href="#">특수 차트</a>
			    <ul>
					<li><a href="javascript:movePage('chart/special','bar_with_negative_stack')">Bar with negative stack 차트</a></li>
					<li><a href="javascript:movePage('chart/special','stacked_and_grouped_column')">Stacked and grouped column 차트</a></li>
					<li><a href="javascript:movePage('chart/special','column_range')">column range(gantt) 차트</a></li>
					<li><a href="javascript:movePage('chart/special','area_range')">Area range 차트</a></li>
					<li><a href="javascript:movePage('chart/special','area_or_line_with_missing_point')">Area or line with missing point 차트</a></li>
					<li><a href="javascript:movePage('chart/special','spline_with_symbol')">Spline with symbol 차트</a></li>
					<li><a href="javascript:movePage('chart/special','add_point')">실시간 데이터 추가 차트</a></li>
					<li><a href="javascript:movePage('chart/special','combination')">Combination(line, column, pie) 차트</a></li>
					<li><a href="javascript:movePage('chart/special','gauge')">Gauge 차트</a></li>
					<li><a href="javascript:movePage('chart/special','error_bar')">Error bar 차트</a></li>
					<li><a href="javascript:movePage('chart/special','waterfall')">Waterfall 차트</a></li>
					<li><a href="javascript:movePage('chart/special','funnel')">Funnel 차트</a></li>
					<li><a href="javascript:movePage('chart/special','sheet2chart1')">시트와 차트 연동 예제(1)</a></li>
					<li><a href="javascript:movePage('chart/special','sheet2chart2')">시트와 차트 연동 예제(2)</a></li>
					<li><a href="javascript:movePage('chart/special','sheet2chart3')">시트와 차트 연동 예제(3)</a></li>
				</ul>
			  </li>
			  
			  <li>
			    <a href="#">기능</a>
			    <ul>
					<li><a href="javascript:movePage('chart/function','title')">타이틀 &amp; 서브타이틀</a></li>
					<li><a href="javascript:movePage('chart/function','series_color')">각 시리즈에 색상을 설정</a></li>
					<li><a href="javascript:movePage('chart/function','tooltip')">ToolTip</a></li>
					<li><a href="javascript:movePage('chart/function','tooltip_html')">ToolTip with HTML design</a></li>
					<li><a href="javascript:movePage('chart/function','data_labels')">Data Labels</a></li>
					<li><a href="javascript:movePage('chart/function','axis_labels')">Axis Labels</a></li>
					<li><a href="javascript:movePage('chart/function','dual_axes')">이중 Y축</a></li>
					<li><a href="javascript:movePage('chart/function','plot_background')">배경에 이미지, 그라데이션</a></li>
					<li><a href="javascript:movePage('chart/function','drilldown')">Column,pie with drilldown</a></li>
					<li><a href="javascript:movePage('chart/function','log_axis')">Logarithmic axis</a></li>
					<li><a href="javascript:movePage('chart/function','clickable_points')">Line with clickable points</a></li>
					<li><a href="javascript:movePage('chart/function','gradient_fill')">차트 그라데이션 표현</a></li>
					<li><a href="javascript:movePage('chart/function','zoom')">Zoom 기능</a></li>
					<li><a href="javascript:movePage('chart/function','plot_bands')">Plot bands and plot lines</a></li>
					<li><a href="javascript:movePage('chart/function','legend')">Legend 기능</a></li>
				</ul>
			  </li>
			  
			</ul>
		  </div>
		  
		  <h3>ibcontrol</h3>
		  <div>
		    <ul class="menu">
			  <li>
			    <a href="#">ibcontrol</a>
			    <ul>
					<li><a href="javascript:movePage('control/','')">-</a></li>
					<li><a href="javascript:movePage('control/','')">-</a></li>
				</ul>
			  </li>
			  
			</ul>
		  </div>
		  
		  <h3>ibupload</h3>
		  <div>
		    <ul class="menu">
			  <li>
			    <a href="#">ibupload</a>
			    <ul>
					<li><a href="javascript:movePage('upload/','')">-</a></li>
					<li><a href="javascript:movePage('upload/','')">-</a></li>
				</ul>
			  </li>
			  
			</ul>
		  </div>
		  
		</div>
  	</DIV>
  	
  	<DIV style="width:5px"></DIV>
  	<form name="hiddenForm" method="post"><input type="hidden" name="navi1"><input type="hidden" name="navi2"><input type="hidden" name="navi3"></form>
	<DIV id="contents">
		<iframe  id="contnetsIframe" name="contnetsIframe" src="" frameborder="0" framemargin="0" style="width:100%;height:100%;margin-top:3px"></iframe>
	</DIV>
</DIV>
</body>
</html>
